<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>文章管理</title>
		[#include "/html/include/easyuicss.html" /]
		<link rel="stylesheet" type="text/css" href="${app }/static/webuploader/css/webuploader.css">
		[#include "/html/include/easyuijs.html" /]
		<script type="text/javascript" src="${app }/static/webuploader/dist/webuploader.min.js"></script>
		<script type="text/javascript" src="${app }/static/ueditor/ueditor.config.js"></script>
		<script type="text/javascript" src="${app }/static/ueditor/ueditor.all.min.js"> </script>
		<style type="text/css">
			img {
				max-width: 200px;
				max-height: 200px;
			}
		</style>
	</head>
	<body>
		<form id="infoForm" class="easyui-form" method="post" data-options="novalidate:true">
			<input type="hidden" name="method" value="${RequestParameters['method']}" />
			<input type="hidden" name="contentId" id="contentId" value="${RequestParameters['contentId']?default(info.content_id)}" />
			<table class="tblEidt">
				<tr>
					<td class="tdText" style="width:22%;">
						文章标题<label style="color:red;">*</label>：
					</td>
					<td class="tdInput" style="width:78%;">
						<input class="easyui-textbox" name="title" value="${info.title}" style="width:80%;" data-options="required:true" />
					</td>
				</tr>
				<tr>
					<td class="tdText">
						标签<label style="color:red;">*</label>：
					</td>
					<td class="tdInput">
						<input class="easyui-textbox" name="keyWords" value="${info.key_words}" style="width:80%;" data-options="required:true" />
						<div style="color: red;">标签请用空格分割</div>
					</td>
				</tr>
				<tr>
					<td class="tdText">
						文章栏目<label style="color:red;">*</label>：
					</td>
					<td class="tdInput">
						[@fl_select id="categoryId" name="categoryId" value="${(info.category_id)?default('')}"
						otherAttr='style="width:80%;" class="easyui-combobox" data-options="editable:false,required:true" validType="Commbox[\'该选项为必选项\',\'#categoryId\']" '
						list=Request['categorys'] headLabel="请选择..." headValue="" optionLabel="category_path" optionValue="category_id"]
						${tag_html}
						[/@fl_select]
					</td>
				</tr>
				<tr>
					<td class="tdText">
						状态<label style="color:red;">*</label>：
					</td>
					<td class="tdInput">
						[@fl_select id="status" name="status" value="${(info.status)?default('')}"
						otherAttr='style="width:80%;" class="easyui-combobox" data-options="editable:false,required:true" validType="Commbox[\'该选项为必选项\',\'#status\']" '
						list=Request['status'] headLabel="请选择..." headValue="" optionLabel="item_name" optionValue="item_id"]
						${tag_html}
						[/@fl_select]
					</td>
				</tr>
				<tr>
					<td class="tdText">
						摘要<label style="color:red;">*</label>：
					</td>
					<td class="tdInput">
						<input class="easyui-textbox" name="description" value="${info.description}" style="width:80%;height:80px;" data-options="multiline:true,required:true" />
					</td>
				</tr>
				<tr>
					<td class="tdText">
						标题图片<label style="color:red;">*</label>：
					</td>
					<td class="tdInput">
						<div id="picker"></div>
						<div id="file">
							[#if info.title_img!='']
							<img src="${imgSite}/${info.title_img}" />
							[/#if]
						</div>
						<input type="hidden" id="titleImg" name="titleImg" data-options="required:true" value="${info.title_img}" />
					</td>
				</tr>
				<tr>
					<td class="tdText">
						作者<label style="color:red;">*</label>：
					</td>
					<td class="tdInput">
						<input class="easyui-textbox" name="author" value="${info.author}" style="width:80%;" data-options="required:true" />
					</td>
				</tr>
				<tr>
					<td class="tdText">
						来源：
					</td>
					<td class="tdInput">
						<input class="easyui-textbox" name="origin" value="${info.origin}" style="width:80%;" />
					</td>
				</tr>
				<tr>
					<td class="tdText">
						来源地址：
					</td>
					<td class="tdInput">
						<input class="easyui-textbox" name="originUrl" value="${info.origin_url}" style="width:80%;" />
					</td>
				</tr>
				<tr>
					<td class="tdInput" colspan="2">
						<textarea id="editor" name="content" style="width: 98%;" data-options="required:true">${info.content}</textarea>
					</td>
				</tr>
				<tr>
					<td class="tdText">
						文件：
					</td>
					<td class="tdInput">
						<div id="picker2"></div>
						<div id="file2">
							[#list files as file]
							<div style="position: relative;margin-top: 15px;">
								<div style="position: absolute;left: -10px;top:-10px;"><img src="${app}/static/images/delete.png" onclick="deleteFile(this);" /></div>
							<img src="${imgSite}/${file.file_id}" />
							<input type="hidden" name="fileId" value="${file.file_id}" />
							</div>
							[/#list]
						</div>
					</td>
				</tr>
				<tr>
					<td style="text-align: right;padding: 5px;" colspan="2">
						<a href="javascript:;" class="easyui-linkbutton"
						   data-options="iconCls:'icon-ok'" style="width:80px"
						   onclick="save(this);">保存</a>
						&nbsp;&nbsp;
						<a href="javascript:;" class="easyui-linkbutton"
						   data-options="iconCls:'icon-cancel'" style="width:80px"
						   onclick="closeWindow();">关闭</a>
					</td>
				</tr>
			</table>
		</form>
	</body>
    <script type="text/javascript">
		var index = parent.layer.getFrameIndex(window.name);
		function closeWindow(){
			parent.layer.close(index);
		}
		function save(obj){
			$(obj).linkbutton('disable');
			$('#infoForm').form('submit', {
				url: '${app}/blog/content/save.do',
				onSubmit: function () {
					var valid = $(this).form('enableValidation').form('validate');
					if (!valid) {
						$(obj).linkbutton('enable');
					}
					return valid;
				},
				success: function (data) {
					var result = $.parseJSON(data);
					parent.easyui.msgShow('系统提醒', result.msg, 3000, 250, 100);
					$(obj).linkbutton('enable');
					if (result.result == 1) {
						parent.layer.close(index);
						parent.frames[parent.iframeName].window.showList();
					}
				}
			});
		}

        var ue = UE.getEditor('editor');
        ue.getContent(UE.utils.html('${info.content}'));

        var titleUp = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            // swf文件路径
            swf: '${app}/static/webuploader/dist/Uploader.swf',
            method: 'POST',
            // 文件接收服务端。
            server: '${app}/sysmgr/file/upload.do',
            // 设置文件上传域的name
            fileVal: 'files',
            formData: {moduleName: '文章管理', remark: '文章缩略图', downloadType: '2'},
            // 选择文件的按钮。可选。
            pick: {
                id: '#picker',
                label: '点击选择图片'
            },
            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false,
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            },
            fileNumLimit: 1
        });
        titleUp.on('uploadSuccess', function(file, resp) {
            //alert(JSON.stringify(resp));
            if(resp.result == 1){
                $('#titleImg').val(resp.filePath);
                $('#file').html('<img src="${imgSite}/'+resp.filePath+'" />');
            }
        });

        var fileUp = WebUploader.create({
            // 选完文件后，是否自动上传。
            auto: true,
            // swf文件路径
            swf: '${app}/static/webuploader/dist/Uploader.swf',
            method: 'POST',
            // 文件接收服务端。
            server: '${app}/sysmgr/file/upload.do',
            // 设置文件上传域的name
            fileVal: 'files',
            formData: {moduleName: '文章管理', remark: '文章附件', downloadType: '2'},
            // 选择文件的按钮。可选。
            pick: {
                id: '#picker2',
                label: '点击选择'
            },
            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false,
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            },
            fileNumLimit: 10
        });
        fileUp.on('uploadSuccess', function(file, resp) {
            if(resp.result == 1){
                $('<div style="position: relative;margin-top: 15px;">' +
					'<div style="position: absolute;left: -10px;top:-10px;">' +
					'<img src="${app}/static/images/delete.png" onclick="deleteFile(this);" /></div>' +
					'<img src="${imgSite}/'+resp.filePath+'" />'+
					'<input type="hidden" name="fileId" value="'+resp.filePath+'" /></div>').appendTo('#file2');
            }
        });

        function deleteFile(obj){
            $(obj).parent().parent().remove();
		}
    </script>
</html>